// 全局变量
$primary-color: #1890ff; // 全局主色
$link-color: #1890ff; // 链接色
$success-color: #52c41a; // 成功色
$warning-color: #faad14; // 警告色
$error-color: #f5222d; // 错误色
$font-size-base: 14px; // 主字号
$heading-color: rgba(0, 0, 0, 0.85); // 标题色
$text-color: rgba(0, 0, 0, 0.65); // 主文本色
$text-color-secondary: rgba(0, 0, 0, 0.45); // 次文本色
$disabled-color: rgba(0, 0, 0, 0.25); // 失效色
$border-radius-base: 2px; // 组件/浮层圆角
$border-color-base: #d9d9d9; // 边框色
$box-shadow-base: 0 3px 6px -4px rgba(0, 0, 0, 0.12), 0 6px 16px 0 rgba(0, 0, 0, 0.08),
0 9px 28px 8px rgba(0, 0, 0, 0.05); // 浮层阴影
$bg-color: #f5f7f9;

// 重置样式
html,
body {
  height: 100%;
  margin: 0;
  padding: 0;
  background: $bg-color;
  font-size: $font-size-base;
  color: $text-color;
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial,
  'Noto Sans', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol',
  'Noto Color Emoji';
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.el-button {
  font-weight: 400;

  &.el-button--default {
    color: $heading-color;

    &:hover,
    &:focus {
      color: $primary-color;
      border-color: $primary-color;
      background-color: white;
    }

    &:active {
      color: #005eb7;
      border-color: #005eb7;
      background-color: white;
    }
  }
}

.el-dropdown-menu__item {
  color: $heading-color;
}

.el-button--default {
  &.el-button--primary {
    color: #fff;
    background-color: #1890ff;
    border-color: #1890ff;

    &:hover, &:focus {
      background: #46a6ff;
      border-color: #46a6ff;
      color: #fff;
    }
  }
}

.el-table__body-wrapper {
  &::-webkit-scrollbar {
    // 纵向滚动条
    width: 10px;
    // 横向滚动条
    height: 10px;
  }

  &::-webkit-scrollbar-thumb {
    // 滚动条滑块颜色
    background-color: rgba($color: #909399, $alpha: 0.3);
    border-radius: 5px;

    &:hover {
      background-color: rgba($color: #909399, $alpha: 0.5);
    }
  }

  &::-webkit-scrollbar-track {
    // 滚动条背景色
    background-color: #ffffff;
    opacity: 0.3;
  }

  &::-webkit-scrollbar-corner {
    // 表格滚动条角落
    background-color: #ffffff;
    opacity: 0.3;
  }
}

textarea {
  font-family: 'Helvetica Neue', Helvetica, 'PingFang SC', 'Hiragino Sans GB',
  'Microsoft YaHei', '微软雅黑', Arial, sans-serif;
}

.el-textarea__inner {
  padding-top: 0;
  padding-bottom: 0;
  line-height: 34px;
}